<%@ page pageEncoding="utf-8"%>
<link rel="stylesheet" href="${sbase}scripts/codemirror2/lib/codemirror.css" />
    <script src="${sbase}scripts/codemirror2/lib/codemirror.js"></script>
    <script src="${sbase}scripts/codemirror2/mode/xml/xml.js"></script>
    <link rel="stylesheet" href="${sbase}scripts/codemirror2/theme/eclipse.css" />
    <link rel="stylesheet" href="${sbase}scripts/codemirror2/css/docs.css" />
    
<style type="text/css">
      .CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}
      .activeline {background: #f0fcff !important;}
    </style>

${bean.workflowName }
<hr/>
<form class="processForm">
<textarea id="code" style="width:100%;height:100%;min-height:400px;" name="xmlDefine">${xmlDefine}</textarea>
<input type="hidden" name="bean.workflowName" value="${bean.workflowName}" />
</form>
<script type="text/javascript">
var editor = CodeMirror.fromTextArea(
		document.getElementById("code"),
		mode: "application/xml",
		  lineNumbers: true,
		  onCursorActivity: function() {
		    editor.setLineClass(hlLine, null);
		    hlLine = editor.setLineClass(editor.getCursor().line, "activeline");
		  }				
		});
var hlLine = editor.setLineClass(0, "activeline");

</script>